<template>
  <div>
      <Top/>
        <Inswipe class="ban"/>
        <div class="Imainbottom wp">
            <div class="ImL">
                <p class="STbg">闭关修炼</p>
                <span class="Imbtop">GO</span>
                <img class="Imbleft" src="../../assets/user/xianshitehui.png" alt="">
            </div>
            <div class="Imline"></div>
            <div class="Imainr">
                <div class="ImL">
                    <p class="STbg">潮逼格</p>
                    <span class="Imbtop">GO</span>
                    <img class="STright" src="../../assets/user/chanpin-bao.png" alt="">
                </div>
                <div class="bd"></div>
                <div class="ImL">
                    <p class="STbg">潮逼格</p>
                    <span class="Imbtop">GO</span>
                    <img class="STright" src="../../assets/user/shuiguo.png" alt="">
                </div>
            </div>
        </div>

        <p class="STstart">即将开售</p>
        <Meizhuang />
        <Footer/>
  </div>
</template>

<script>
import Top from '../ma/Top';
import Inswipe from '../ma/Inswipe';
import Footer from '../ma/footer';
import Meizhuang from '../ma/Meizhuang';

export default {
    name:'Thoughts',
    components:{
        Top,
        Inswipe,
        Footer,
        Meizhuang
    },
    data(){
        return{
            tu:this.$store.state.tu,
            // 猜你喜欢
        like:this.$store.state.tuall,
        }
    }
}
</script>

<style scoped>
.ban {
    position: relative;
    margin: 15rem 0 2rem 0;
}
.wp {
    padding: 0 2rem;
    color: #4d4d4d;
}
.Imainbottom {
    height: 29.9rem;
    border-bottom: 1px solid #ccc;
    background: #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 2.4rem;
    margin-bottom: 1.9rem;
}
.Imbleft {
    padding-top: 7.2rem;
}
.ImL {
    position: relative;
}
.STbg {
    position: absolute;
    top: 1.5rem;
    left: -1rem;
    color: #e53e42;
}

.Imbtop {
    position: absolute;
    top: 5rem;
    left: -1rem;
    background: #e53e42;
    color: #fff;
    height: 4rem;
    line-height: 4rem;
    width: 6rem;
    text-align: center;
}
.Imline {
    height: 28rem;
    border: 1px solid #ccc;
}
.Imainr {
    display: flex;
    flex-direction: column;
    justify-content: start;
    position: relative;
}
.STright {
    margin-left: 6.2rem;
}
/* 下边框 */
.bd {
    border-bottom: 1px solid #ccc;
    width: 34rem;
    position: absolute;
    top: 14rem;
    margin-left: -2.5rem;
}
.STstart {
    height: 7.3rem;
    background: #fff;
    line-height: 7.3rem;
    font-size: 3.6rem;
    color: #e53e42;
    margin-bottom: -2rem;
}
</style>